<div class="row">
    <h1 class="page-header">广告管理</h1>
    <div class="panel panel-default">
        <div class="panel-heading">
        </div>
        <div class="panel-body">
            <div class="table-responsive">
                <div id="dataTables-example_wrapper" class="dataTables_wrapper form-inline" role="grid">
                    <div class="row">
                        <div class="col-sm-6">
                            <div class="dataTables_length" id="dataTables-example_length">
                                <label>
                                    <select name="dataTables-example_length" aria-controls="dataTables-example" class="form-control input-sm">
                                        <option value="10">10</option>
                                        <option value="25">25</option>
                                        <option value="50">50</option>
                                        <option value="100">100</option>
                                    </select>
                                    每页显示记录数
                                </label>
                            </div>
                        </div>
                    </div>
                    <table class="table table-striped table-bordered table-hover dataTable no-footer" id="dataTables-example" aria-describedby="dataTables-example_info">
                        <thead>
                        <tr role="row">
                            <th>#</th>
                            <th>用户名</th>
                            <th>邮箱</th>
                            <th>文档</th>
                            <th>收藏</th>
                            <th>状态</th>
                            <th>操作</th>
                            <th>注册时间</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>10</td>
                            <td>进击的皇虫</td>
                            <td>TruthHun@QQ.COM</td>
                            <td>120</td>
                            <td>10</td>
                            <td>
                                <span class="text-success">正常</span>
                            </td>
                            <td>
                                <a href="#">封禁</a>
                                <a href="#">查看</a>
                            </td>
                            <td>2017-03-12 21:12:12</td>
                        </tr>
                        <tr>
                            <td>10</td>
                            <td>进击的皇虫</td>
                            <td>TruthHun@QQ.COM</td>
                            <td>120</td>
                            <td>10</td>
                            <td>
                                <span class="text-success">正常</span>
                            </td>
                            <td>
                                <a href="#">封禁</a>
                                <a href="#">查看</a>
                            </td>
                            <td>2017-03-12 21:12:12</td>
                        </tr>
                        <tr>
                            <td>10</td>
                            <td>进击的皇虫</td>
                            <td>TruthHun@QQ.COM</td>
                            <td>120</td>
                            <td>10</td>
                            <td>
                                <span class="text-success">正常</span>
                            </td>
                            <td>
                                <a href="#">封禁</a>
                                <a href="#">查看</a>
                            </td>
                            <td>2017-03-12 21:12:12</td>
                        </tr>
                        <tr>
                            <td>10</td>
                            <td>进击的皇虫</td>
                            <td>TruthHun@QQ.COM</td>
                            <td>120</td>
                            <td>10</td>
                            <td>
                                <span class="text-success">正常</span>
                            </td>
                            <td>
                                <a href="#">封禁</a>
                                <a href="#">查看</a>
                            </td>
                            <td>2017-03-12 21:12:12</td>
                        </tr>
                        <tr>
                            <td>10</td>
                            <td>进击的皇虫</td>
                            <td>TruthHun@QQ.COM</td>
                            <td>120</td>
                            <td>10</td>
                            <td>
                                <span class="text-success">正常</span>
                            </td>
                            <td>
                                <a href="#">封禁</a>
                                <a href="#">查看</a>
                            </td>
                            <td>2017-03-12 21:12:12</td>
                        </tr>
                        <tr>
                            <td>10</td>
                            <td>进击的皇虫</td>
                            <td>TruthHun@QQ.COM</td>
                            <td>120</td>
                            <td>10</td>
                            <td>
                                <span class="text-success">正常</span>
                            </td>
                            <td>
                                <a href="#">封禁</a>
                                <a href="#">查看</a>
                            </td>
                            <td>2017-03-12 21:12:12</td>
                        </tr>
                        <tr>
                            <td>10</td>
                            <td>进击的皇虫</td>
                            <td>TruthHun@QQ.COM</td>
                            <td>120</td>
                            <td>10</td>
                            <td>
                                <span class="text-success">正常</span>
                            </td>
                            <td>
                                <a href="#">封禁</a>
                                <a href="#">查看</a>
                            </td>
                            <td>2017-03-12 21:12:12</td>
                        </tr>
                        <tr>
                            <td>10</td>
                            <td>进击的皇虫</td>
                            <td>TruthHun@QQ.COM</td>
                            <td>120</td>
                            <td>10</td>
                            <td>
                                <span class="text-success">正常</span>
                            </td>
                            <td>
                                <a href="#">封禁</a>
                                <a href="#">查看</a>
                            </td>
                            <td>2017-03-12 21:12:12</td>
                        </tr>
                        <tr>
                            <td>10</td>
                            <td>进击的皇虫</td>
                            <td>TruthHun@QQ.COM</td>
                            <td>120</td>
                            <td>10</td>
                            <td>
                                <span class="text-success">正常</span>
                            </td>
                            <td>
                                <a href="#">封禁</a>
                                <a href="#">查看</a>
                            </td>
                            <td>2017-03-12 21:12:12</td>
                        </tr>
                        <tr>
                            <td>10</td>
                            <td>进击的皇虫</td>
                            <td>TruthHun@QQ.COM</td>
                            <td>120</td>
                            <td>10</td>
                            <td>
                                <span class="text-success">正常</span>
                            </td>
                            <td>
                                <a href="#">封禁</a>
                                <a href="#">查看</a>
                            </td>
                            <td>2017-03-12 21:12:12</td>
                        </tr>
                        </tbody>
                    </table>
                    <div class="row">
                        <div class="col-sm-6">
                            <div class="dataTables_info" id="dataTables-example_info" role="alert" aria-live="polite" aria-relevant="all">
                                Showing 1 to 10 of 57 entries
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="dataTables_paginate paging_simple_numbers" id="dataTables-example_paginate">
                                <ul class="pagination">
                                    <li class="paginate_button previous disabled" aria-controls="dataTables-example" tabindex="0" id="dataTables-example_previous"><a href="#">Previous</a></li>
                                    <li class="paginate_button active" aria-controls="dataTables-example" tabindex="0"><a href="#">1</a></li>
                                    <li class="paginate_button " aria-controls="dataTables-example" tabindex="0"><a href="#">2</a></li>
                                    <li class="paginate_button " aria-controls="dataTables-example" tabindex="0"><a href="#">3</a></li>
                                    <li class="paginate_button " aria-controls="dataTables-example" tabindex="0"><a href="#">4</a></li>
                                    <li class="paginate_button " aria-controls="dataTables-example" tabindex="0"><a href="#">5</a></li>
                                    <li class="paginate_button " aria-controls="dataTables-example" tabindex="0"><a href="#">6</a></li>
                                    <li class="paginate_button next" aria-controls="dataTables-example" tabindex="0" id="dataTables-example_next"><a href="#">Next</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
